@import (reference) 'src/style/mixins';

.footer {
  @spread: 20px;
  @blur: 20px;
  @offset: 30px;

  position: relative;
  transition: background-color @animation, box-shadow @animation;
  z-index: 1;

  .html_light & {
    background-color: @c-primary-10;
    box-shadow: 0 2px 5px @c-black-8;
  }

  .html_dark & {
    background-color: @c-primary-1;
    box-shadow: 0 0 0 transparent;
  }
}
